<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">  
<!-- <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" /> -->
<head>
    <title>ladder-shaped-transform</title>
    <style type="text/css">
        body {
            top: 0;
            left: 0;
            overflow: hidden;
        }

        #allcanvas {
            top: 0;
            left: 0;
            position: relative;
            width: 1920px;
            height: 1080px;
            margin: 0px;
        }

        #canvas {
            position: absolute;
            bottom: 0px;
            left: 0px;
            z-index: 1;
        }

        #bg {
            position: absolute;
            bottom: 0px;
            left: 0px;
            z-index: 0;
        }
    </style>
</head>

<body>
    <div id="allcanvas">
        <canvas id="canvas" width="1920px" height="1080px"></canvas>
        <canvas id="bg" width="1920px" height="1080px"></canvas>
    </div>
    <script type="text/javascript" src="src/main.js"></script>
</body>
</html>